<template>
	<div  :style='{height:currentHeight}'  class='clear index-bg'>
		<div  class='bgLeft  fl'> 
			<ul  class='leftContent'>
				<li class='pb60 '>
					<img  src='static/img/home/currentSell.png'  class='mr30  '  width='110'>
					<span  class='h120 lh120  ft26  fontWeight300  relative'   ><router-link to='/currentSell'  class='cursor'>在售产品推荐<span  class='absolute'  style="height: 2px;background-color:#fff;width:170px;bottom:-14px;right:-14px;"></span></router-link></span>

				</li>
				<li class='pb60'>
					<img  src='static/img/home/recomand.png' class='mr30  '  width='110'>
					<span  class='h120 lh120  ft26  fontWeight300  relative'   ><router-link to='/property'  class='cursor'>可推荐资产<span  class='absolute'  style="height: 2px;background-color:#fff;width:170px;bottom:-14px;right:-40px;"></span></router-link></span>
				</li>
				<li  >
					<img  src='static/img/home/release.png' class='mr30  '  width='110'>
					
					<span  class='h120 lh120  ft26 fontWeight300  relative'   ><router-link to='/release'  class='cursor'>发布信息合作<span  class='absolute'  style="height: 2px;background-color:#fff;width:170px;bottom:-14px;right:-14px;"></span></router-link></span>
				</li>
			</ul> 
		</div>
		<div  class='bgRight  fl' >
			<div  class='  rightContent'>
				<div class='mb10 ft32 color-main  text-center'>铭帛科技</div>
				<div class='mb28 ft32 color-main  text-center'>金帛云·资产易</div>
				<span  class=' lh-200'>铭帛科技主要是围绕与同安金所战略合作的框架下专属渠道推荐安金所挂牌产品及铭帛科技深耕供应链金融的核心内容。</span>
				<div  class='text-right'>
					<a-button  class='mt32'  type='primary'><router-link to='/about'>了解更多&gt;</router-link></a-button>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
  name: 'index',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      currentHeight:'',
    }
  },
  created(){ 
    	this.currentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 252 +'px'
  },
}
</script>

<style  scoped="scoped">
.index-bg{min-height: 600px;}
.bgLeft{background: url(../../assets/img/home/bg1.png) no-repeat center ; width: 50%; height: 100%;}
.leftContent{margin:0 auto;color:#fff;width: 350px;position: relative;top:50%;margin-top: -240px;}
.leftContent li:hover{color:#edf3f5;}

.bgRight{background-color:#F6F6F6;width: 50%; height: 100%;}
.rightContent{margin:22% auto;width: 380px;position: relative;top:50%;margin-top: -120px;}


/*浏览器屏幕适配*/
@media(max-width: 776px){
	/*.homeback{height: 100%;overflow: auto}*/
	.bgLeft{width: 100%;}
	.bgRight{width: 100%;}
}
 
</style>